<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"
    />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="email=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="renderer" content="webkit">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI" />
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <title>[简历]胡佩琪-网络与新媒体学生/广州</title>
    <link rel="shortcut icon" href="assets/images/shortcut_icon.ico" type="image/x-icon">
    <link rel="stylesheet" href="assets/css/typo.css">
    <link rel="stylesheet" href="assets/css/font-awesome.min.css">
    <link rel="stylesheet" href="assets/css/index.css">
    <script>
        function loading() {
            document.getElementsByClassName('avatar')[0].style.display = 'block';
            document.getElementsByClassName('loading')[0].style.display = 'none';
        }
    </script>
</head>

<body>

    <header class="header"></header>

    <article class="container">
        <section class="side" id="side">

            <!-- 个人肖像 -->
            <section class="me">
                <section class="portrait">
                    <!-- 头像照片 -->
                    <img class="avatar" src="assets/images/头像.jpg" onload="loading()">
                </section>

                <h1 class="name">胡佩琪</h1>
                <h4 class="info-job">网络与新媒体学生/广州</h4>

            </section>

            <!-- 基本信息 -->
            <section class="profile info-unit">
                <h2>
                    <svg t="1637474114489" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2850" width="32" height="32"><path d="M640.1 517.3c-1.4 75.4 277.5 101.1 277.6 261.7h0.8v102.6c0 13.9-44.2 45.1-87.2 45.1l-645.6-19.9c-13.9 0-25.2-11.3-25.2-25.2V779h0.8c0.7-173.1 276.3-189.2 277.6-261.7 0.4-3.7 0.5-43.5-13.1-65.2-14.4-23.1-63.2-96-63.2-164.2 0-60.8-21.8-104.2 19.1-138.9 29.6-25.1 113.9-50.7 157.8-50.7 104.7 0 176.9 84.9 176.9 189.6 0 68.2-55.9 144.6-63.2 164.2-7.9 21.2-12.7 60.1-13.1 65.2z m0 0" fill="#feada6" p-id="2851" data-spm-anchor-id="a313x.7781069.0.i1" class="selected"></path><path d="M582 537.1c-1.4 75.4 277.5 101.1 277.6 261.7h0.8v102.6c0 13.9-11.3 25.2-25.2 25.2H127.7c-13.9 0-25.2-11.3-25.2-25.2V798.8h0.8c0.7-173.1 276.3-189.2 277.6-261.7 0.4-3.7 0.5-43.5-13.1-65.2-14.4-23.1-63.2-96-63.2-164.2 0-104.7 72.3-189.6 176.9-189.6 104.7 0 176.9 84.9 176.9 189.6 0 68.2-55.9 144.6-63.2 164.2-7.9 21.3-12.8 60.2-13.2 65.2z m0 0" fill="#f5efef" p-id="2852" data-spm-anchor-id="a313x.7781069.0.i5" class=""></path></svg>
                    基本信息</h2>
                <hr/>
                <ul>
                    <li>
                        <label>个人信息</label>
                        <span>胡佩琪 / 女 / 20岁</span>
                    </li>
                    <li>
                        <label>英语水平</label>
                        <span>CET-4</span>
                    </li>
                    <li>
                        <label>计算机水平</label>
                        <span>软考中级</span>
                    </li>
                </ul>
            </section>

            <!-- 联系方式 -->
            <section class="contact info-unit">
                <h2>
                    <svg t="1637476189145" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1165" width="32" height="32"><path d="M596.2 371.6c21.6 0 39 17.5 39.1 39.1 0 10.8 1.1 35.5 11.9 35.5 14.5 0 27.2-24.7 27.2-35.5 0-43.1-35-78.1-78.1-78.1-10.8 0-32 22.6-32 33.4-0.1 10.6 21.1 5.6 31.9 5.6zM884.1 289C835.3 173.2 721.8 98.1 596.2 98.2c-10.8 0-32 22.6-32 33.4 0 10.8 21.2 5.7 32 5.7 150.7 0 273.4 122.7 273.4 273.4 0 10.8-0.1 35.5 10.7 35.5 17.4 0 28.3-24.7 28.3-35.5 0.1-41.9-8.2-83.2-24.5-121.7z" fill="#feada6" p-id="1166" data-spm-anchor-id="a313x.7781069.0.i11" class="selected"></path><path d="M596.2 254.4c86.1 0 156.2 70.1 156.2 156.2 0 10.8 1.1 35.5 11.9 35.5 14.5 0 27.2-24.7 27.2-35.5 0-51.8-20.6-101.5-57.2-138.1a195.36 195.36 0 0 0-138.1-57.2c-10.8 0-32 22.6-32 33.4 0 10.8 21.2 5.7 32 5.7zM834.7 742.3c19 19.1 22.3 75 3.3 94.1l-37.8 9.5c-25.5 25.5-59.1 41-99.7 46.2-10.1 1.3-20.2 1.9-30.4 1.9-29.6 0-61.5-5-95.3-14.9-91.8-27-188.3-87.8-271.6-171.2C219.8 624.5 159 528 132 436.3c-13.4-45.7-23.3-84.1-8-134.8 15.5-51.1 29.7-69.4 46.2-91.5 14.5-19.6 29.5-33.6 29.5-33.6 19.1-19 50-19 69 0L420.4 328c45.7 46.5 44.6 72.5 19.1 100.5l-35 36.6c-14.9 14.5-10.2 48.5 36.6 104.5 50.2 60 110.5 81.7 130.1 62.1l42.5-41.4c19.1-19 50-19 69 0l152 152z" fill="#feada6" p-id="1167" data-spm-anchor-id="a313x.7781069.0.i12" class="selected"></path><path d="M833.3 776.6c19 19.1 19 50 0 69l-34.5 34.5c-25.5 25.5-59.1 41-99.7 46.2-10.1 1.3-20.2 1.9-30.4 1.9-29.6 0-61.5-5-95.3-14.9-91.8-27-188.3-87.8-271.6-171.2-83.4-83.4-144.2-179.9-171.2-271.6-13.4-45.7-17.8-88-13.1-125.7 5.1-40.7 20.7-74.2 46.2-99.7l34.5-34.5c19.1-19 50-19 69 0L419 362.4c19 19.1 19 50 0 69l-34.5 34.5c-19.5 19.5-0.1 82.8 55.2 138.1 55.3 55.3 118.5 74.8 138.1 55.2l34.5-34.5c19.1-19 50-19 69 0l152 151.9zM583.6 388.2c21.6 0 39 17.5 39.1 39.1 0 10.8 8.7 19.5 19.5 19.5s19.5-8.7 19.5-19.5c0-43.1-35-78.1-78.1-78.1-10.8 0-19.5 8.7-19.5 19.5-0.1 10.7 8.7 19.5 19.5 19.5zM871.5 305.6c-48.8-115.7-162.3-190.9-287.9-190.8-10.8 0-19.5 8.7-19.5 19.5s8.7 19.5 19.5 19.5c150.7 0 273.4 122.7 273.4 273.4 0 10.8 8.7 19.5 19.5 19.5S896 438 896 427.2c0.1-41.7-8.3-83.1-24.5-121.6z" fill="#f5efef" p-id="1168" data-spm-anchor-id="a313x.7781069.0.i9" class=""></path><path d="M583.6 271c86.1 0 156.2 70.1 156.2 156.2 0 10.8 8.7 19.5 19.5 19.5s19.5-8.7 19.5-19.5c0-51.8-20.6-101.5-57.2-138.1a195.36 195.36 0 0 0-138.1-57.2c-10.8 0-19.5 8.7-19.5 19.5 0 10.9 8.8 19.6 19.6 19.6z" fill="#f5efef" p-id="1169" data-spm-anchor-id="a313x.7781069.0.i10" class=""></path></svg>
                    联系方式</h2>
                <hr/>
                <ul>
                    <li>
                        <label>手机</label>
                        <a href="tel:13246027699" target="_blank">13246027699</a>
                    </li>
                    <li>
                        <label>邮箱</label>
                        <a href="mailto:783639524@qq.com" target="_blank">783639524@qq.com</a>
                    </li>
                    <li>
                        <label>个人主页</label>
                        <a href="http://0b11111110.com/" target="_blank">0b11111110.com/</a>
                    </li>
                    <li>
                        <label>Github</label>
                        <a href="https://gitee.com/youngbibic" target="_blank">gitee.com/youngbibic</a>
                    </li>
                </ul>
            </section>

            <!-- 技能点 -->
            <section class="skill info-unit">
                <h2>
                    <svg t="1637476239667" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1507" data-spm-anchor-id="a313x.7781069.0.i21" width="32" height="32"><path d="M816 213.7h-88v-20c0-8-12-16-20-16H268c-26.3 0-47.2 24.9-47.2 41l9.5 22.4-84.2 4.7c-20 0-18.1-8-18.1 8v100c0 84 56 152 136 172 28 76 92 136 176 152v64h-12c-8 0-4 4-4 12l-20 48-22 40c-8 0-12 4-12 12l-50 28c0 8 4 16 12 16l284.8 25c27.6 0 39.2-37 39.2-41v-68c0-8-4-12-12-12h-72v-48c0-8-12-12-24-12h-12v-24c84-16 151-66 175-142 80-20 137-63.5 137-222v-100c0-16.1-12-40.1-32-40.1z m-568 228v71.2c-85.7-38.1-109.6-69.1-115.1-159.1l2-104H248v191.9z m367.9-42.6l-64.5 58.1s-6.5 6.5-6.5 12.9l12.9 83.9c0 12.9-6.5 19.4-19.4 12.9L461 528.2l-83.9 45.2c-6.5 6.5-12.9 0-19.4-6.5v-6.5l12.9-83.9c0-6.5 0-6.5-6.5-12.9l-64.5-58.1c0-12.9 0-19.4 6.5-25.8l6.5-6.5 83.9-12.9c6.5 0 6.5-6.5 12.9-6.5l38.7-77.5c0-6.5 12.9-6.5 19.4-6.5l6.5 6.5 38.7 77.5c0 6.5 6.5 6.5 12.9 6.5l83.9 12.9c6.4 6.5 12.9 19.4 6.4 25.9zM812 345.7c0 52-36 112-84 132v-228l80 3 4 93z m0 0" fill="#feada6" p-id="1508" data-spm-anchor-id="a313x.7781069.0.i20" class="selected"></path><path d="M788.7 238.6h-88v-20c0-8-12-16-20-16h-440c-8 0-20 8-20 16v20h-88c-20 0-32 24-32 40v100c0 84 56 152 136 172 28 76 92 136 176 152v64h-12c-8 0-24 4-24 12v48h-72c-8 0-12 4-12 12v68c0 8 4 16 12 16h312c8 0 12-12 12-16v-68c0-8-4-12-12-12h-72v-48c0-8-12-12-24-12h-12v-64c84-16 152-76 176-152 80-20 136-88 136-172v-100c0-16-12-40-32-40z m-568 228v28c-48-20-84-68-84-120v-100h84v192z m336-60l-40 36s-4 4-4 8l8 52c0 8-4 12-12 8l-48-24-52 28c-4 4-8 0-12-4v-4l8-52c0-4 0-4-4-8l-40-36c0-8 0-12 4-16l4-4 52-8c4 0 4-4 8-4l24-48c0-4 8-4 12-4l4 4 24 48c0 4 4 4 8 4l52 8c4 4 8 12 4 16z m228-36c0 52-36 100-84 120v-216h84v96z m0 0" fill="#f5efef" p-id="1509" data-spm-anchor-id="a313x.7781069.0.i19" class=""></path></svg>
                    技能点</h2>
                <hr/>
                <ul>
                    <li>
                        <label>HTML</label>
                        <progress value="90" max="100"></progress>
                    </li>
                    <li>
                        <label>CSS</label>
                        <progress value="85" max="100"></progress>
                    </li>
                    <li>
                        <label>JavaScript</label>
                        <progress value="85" max="100"></progress>
                    </li>
                    <li>
                        <label>React</label>
                        <progress value="85" max="100"></progress>
                    </li>
                    <li>
                        <label>Node.js</label>
                        <progress value="70" max="100"></progress>
                    </li>
                    <li>
                        <label>小程序</label>
                        <progress value="70" max="100"></progress>
                    </li>
                </ul>
            </section>

            <section class="qrcode info-unit">
                <h2>
                    <svg t="1637476529549" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11616" width="28" height="28"><path d="M403.393939 518.649351H119.688312V864.415584c0 13.298701 8.865801 22.164502 22.164502 22.164503H489.835498V600.658009c-42.112554-6.649351-75.359307-39.896104-86.441559-82.008658zM859.982684 124.121212H534.164502v261.541126c44.329004 8.865801 77.575758 44.329004 86.441559 88.658008h261.541125V146.285714c0-13.298701-11.082251-22.164502-22.164502-22.164502zM534.164502 600.658009v283.705627h325.818182c13.298701 0 22.164502-8.865801 22.164502-22.164502V518.649351H620.606061c-11.082251 42.112554-44.329004 75.359307-86.441559 82.008658zM141.852814 124.121212c-13.298701 0-22.164502 8.865801-22.164502 22.164502v328.034632h283.705627c8.865801-44.329004 42.112554-79.792208 86.441559-88.658008V124.121212H141.852814z" fill="#f5efef" p-id="11617" data-spm-anchor-id="a313x.7781069.0.i40" class=""></path><path d="M970.805195 558.545455h-44.329005v303.653679c0 37.679654-28.813853 66.493506-66.493506 66.493507H578.493506v50.978355h288.138529c62.060606 0 110.822511-48.761905 110.82251-110.822511v-310.30303h-6.64935zM141.852814 928.692641c-37.679654 0-66.493506-28.813853-66.493507-66.493507V558.545455H24.380952v310.30303c0 62.060606 48.761905 110.822511 110.822511 110.822511h310.303031v-50.978355H141.852814zM866.632035 26.597403H578.493506v50.978355h281.489178c37.679654 0 66.493506 28.813853 66.493506 66.493506v281.489178H977.454545v-288.138529c0-59.844156-48.761905-110.822511-110.82251-110.82251zM135.203463 26.597403c-62.060606 0-110.822511 48.761905-110.822511 110.82251v288.138529h50.978355V146.285714c0-37.679654 28.813853-66.493506 66.493507-66.493506H445.506494V26.597403H135.203463z" fill="#feada6" p-id="11618" data-spm-anchor-id="a313x.7781069.0.i42" class="selected"></path><path d="M489.835498 117.471861h44.329004v6.649351h-44.329004zM489.835498 884.363636h44.329004v28.813853h-44.329004zM970.805195 518.649351h6.64935v42.112554h-6.64935zM970.805195 425.558442h6.64935v46.545454h-6.64935zM489.835498 26.597403h44.329004v6.64935h-44.329004zM445.506494 913.177489h44.329004v15.515152h-44.329004zM534.164502 973.021645h44.329004v6.649351h-44.329004zM445.506494 973.021645h44.329004v6.649351h-44.329004zM489.835498 913.177489h44.329004v15.515152h-44.329004zM489.835498 973.021645h44.329004v6.649351h-44.329004z" fill="#FFFFFF" p-id="11619"></path><path d="M489.835498 928.692641h44.329004v44.329004h-44.329004z" fill="#FFFFFF" p-id="11620"></path></svg>
                    二维码</h2>
                <hr/>
                <figure>
                    <img src="assets/images/二维码.jpg" style="width: 100%;" alt="">
                    <details>
                    <summary style="font-size: 1.2em; text-align: center;">👻喜东东👻</summary> 
                    <p style="text-align: center; font-size: 1.2em">HELLO!</p>                 
                    </details>
                </figure>
            </section>

            <!-- 技术栈 -->
            <!-- <div class="stack info-unit">
                    <h2><i class="fa fa-code" aria-hidden="true"></i>其他</h2>
                    <hr/>
                    <ul>
                        <li>
                            <label>前端</label>
                            <span>React、jQuery、微信小程序、Bootstrap、SASS、LESS</span>
                        </li>
                        <li>
                            <label>后端</label>
                            <span>Node.js、MySQL、MongoDB、WordPress、ThinkPHP</span>
                        </li>
                        <li>
                            <label>其他</label>
                            <span>Git、SVN、Markdown</span>
                        </li>
                    </ul>
                </div> -->
        </section>

        <main class="info-unit">
            <!-- 教育经历 -->
            <section class="edu info-unit">
                <h2>
                    <svg t="1637476810940" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="819" width="32" height="32"><path d="M862.1 128c-5.4 2.2-13.6 5.4-24.4 8.7-10.9 3.8-23.3 7.1-36.9 10.9-13.6 3.8-30.5 10.9-49.9 14-24.6 3.9-34.7 5.9-59.2 7.8-12.4 1-45-2.7-63.5-7.6-43.4-11.9-65.7-17.9-65.7-17.9l-63-21.2c-21.2-7.1-42.9-13-65.7-17.9-22.3-4.3-44-6.5-63.5-6.5-20.1 0-40.2 1.1-59.7 3.8-19.5 2.7-36.4 5.4-49.4 8.7-12.5 2.7-25 6.5-37.4 10.9-11.9 4.3-20.1 7.1-23.3 8.7-3.8 1.6-6.5 2.7-8.1 3.8 0 0-37.1 18.8-37.1 42.3s37.1 672 37.1 672c0 9.8 3.3 18.5 10.3 25.5 7.1 7.1-11.1 52.3-1.4 51.1 45-5.6 61.6-27.2 61.6-76.6V610.6c35.8-8.1 71.6-11.9 106.9-11.9 30.4 0.5 53.2 4.9 63.5 7.6l65.7 17.9 63 20.6c21.7 7.1 43.4 13 65.7 17.9 22.8 4.9 44 7.6 63.5 7.6 20.1 0 40.2-1.1 59.7-3.8 20.1-2.7 36.4-5.4 49.4-8.7 12.5-2.7 18.9 21.8 31.8 18.9 25.6-5.6 35.5-41.2 37.1-42.3V124.8l-7.1 3.2z m0 0" fill="#feada6" p-id="820" data-spm-anchor-id="a313x.7781069.0.i1" class="selected"></path><path d="M825 179.6c-5.4 2.2-13.6 5.4-24.4 8.7-10.9 3.8-23.3 7.1-36.9 10.9-13.6 3.8-30.4 6.5-49.9 8.7-19.5 2.2-39.1 3.8-59.2 3.8-12.5 0-45-2.7-63.5-7.6-43.4-11.9-65.7-17.9-65.7-17.9l-63-21.2c-21.2-7.1-42.9-13-65.7-17.9-22.3-4.3-44-6.5-63.5-6.5-20.1 0-40.2 1.1-59.7 3.8-19.5 2.7-36.4 5.4-49.4 8.7-12.5 2.7-25 6.5-37.4 10.9-11.9 4.3-20.1 7.1-23.3 8.7-3.8 1.6-6.5 2.7-8.1 3.8v714.2c0 9.8 3.3 18.5 10.3 25.5 7.1 7.1 15.2 10.3 25 10.3s18.5-3.3 25-10.3c7.1-7.1 10.3-15.2 10.3-25.5V652.8c35.8-8.1 71.6-11.9 106.9-11.9 30.4 0.5 53.2 4.9 63.5 7.6l65.7 17.9 63 20.6c21.7 7.1 43.4 13 65.7 17.9 22.8 4.9 44 7.6 63.5 7.6 20.1 0 40.2-1.1 59.7-3.8 20.1-2.7 36.4-5.4 49.4-8.7 12.5-2.7 25-6.5 37.4-10.9 11.9-4.3 20.1-7.1 23.3-8.7 3.8-1.6 6.5-2.7 8.1-3.8V176.3l-7.1 3.3z m0 0" fill="#f5efef" p-id="821" data-spm-anchor-id="a313x.7781069.0.i0" class=""></path></svg>
                    教育经历</h2>
                <hr/>
                <ul>
                    <li>
                        <address>
                            <h3>
                                <span>🧩中山市华侨中学 （高中）</span>
                                <time>2016.9-2019.7</time>
                            </h3>
                            <p>专业排名
                                <mark>X/XX</mark>文理科：文科，期间担任班级地理课代表，被评为“优秀班干部”。</p>
                        </address>

                    </li>
                    <br>
                    <li>
                        <address>
                            <h3>
                                <span>🧩广州南方学院 - 网络与新媒体专业（本科）</span>
                                <time>2019.9-2022.7</time>
                            </h3>
                            <p>专业绩点
                                <mark>3.27/5</mark> 熟悉应用<b>PS</b>，<b>AI</b>等绘图软件，期间参加第九届全国高校艺术设计大赛，获得UI设计类省二等奖。并通过课程内容掌握了基本的<b>数据分析</b>和<b>数据挖掘</b>。</p>                            
                        </address>

                    </li>
                </ul>
            </section>
        </main>

        <main class="info-unit">
            <!-- 工作经历 -->
            <section class="work info-unit">
                <h2>
                    <svg t="1637476898528" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1159" width="32" height="32"><path d="M679.5 616c0-6.4-34.3-132.5-40.7-132.6l-233.1-6.7c-6.4 0-42.6 66.9-42.6 73.3l-27.8 89.9-25.2 42 10.4 35.2c-6.4 0-5.2 26.1-5.2 32.5l10.5 49.5c0 6.4 27.6 22.6 34 22.6l49.4 27 110.3 2c0 6.4 98.2 1.8 104.7 1.8l32-132.7c-0.1-6.3 23.3-103.8 23.3-103.8zM432.1 355.2c-0.1-6.9-2.6-15.7-10.2-26.3-22.8-32.4-145.7-67.4-122.9-138.4 15.4-47.9 102.5 28.2 122.4 1.1 14.6-19.8 16.9-93.4 73-93.4 27.8 0 38 68.3 61.6 62.3 57.6-14.8 147.5-19.1 110.4 49.9-26.7 49.8-52.7 73.3-52.7 106.1 0 6.4 3.4 12 1.1 15.9-23.9 42.1-145.6 33.6-182.7 22.8z m196.1 9.7c7.1 5.7 46.8 25.6 57.7 34.6 42.2 34.9 228.9 141.5 203.9 330C872.8 858 757.1 916.4 685.9 923L470 918c-178.2 0-287.9-40.7-287.9-212.1 0-152.4 155.9-294.8 197.8-324.3 84.8 48.5 214.9-4.7 248.3-16.7z" fill="#feada6" p-id="1160" data-spm-anchor-id="a313x.7781069.0.i7" class="selected"></path><path d="M510.7 634.9h78.6c6.4 0 11.6-5.2 11.6-11.6v-9.4c0-6.4-5.2-11.6-11.6-11.6h-190c-6.4 0-11.6 5.2-11.6 11.6v9.4c0 6.4 5.2 11.6 11.6 11.6h78.6v65.2h-78.6c-6.4 0-11.6 5.2-11.6 11.6v9.4c0 6.4 5.2 11.6 11.6 11.6h78.6v86.1c0 6.4 5.2 11.7 11.7 11.7h9.5c3.1 0 6.1-1.2 8.3-3.4 2.2-2.2 3.4-5.2 3.4-8.3v-86.1h78.6c6.4 0 11.6-5.2 11.6-11.6v-9.4c0-6.4-5.2-11.6-11.6-11.6h-78.6v-65.2zM383.4 365.4c-0.1-6.9-2.6-15.7-10.2-26.3-22.8-32.4-96-117.8-72-141.4 24-23.6 84.7 34.4 108.7 10.8 24-23.6 27.8-95.1 55.7-95.1 27.8 0 55.6 95.1 75.5 84.3 19.9-10.8 147-57.1 77.5 37.9-33.3 45.6-35.7 70.3-35.7 103.1 0 6.4 0.3 11.5 1.1 15.9-99.8 27.5-163.4 21.7-200.6 10.8z m227 22.8c7.1 5.7 15.8 12.6 26.8 21.6 42.2 34.9 239.9 141.4 215.9 330-24 188.5-178.8 188.5-215.9 188.5H421.3c-178.2 0-287.9-40.7-287.9-212.1 0-152.4 189.9-294.8 231.8-324.3 84.8 48.5 211.9 8.2 245.2-3.7zM422.1 545.5l41.1 41.1c4.7 4.7 11.9 4.6 16.5 0l6.7-6.7c2.2-2.2 3.4-5.1 3.4-8.2 0-3.1-1.2-6.1-3.4-8.2l-41.1-41.1c-2.2-2.2-5.1-3.5-8.2-3.5-3.1 0-6.1 1.2-8.2 3.5l-6.7 6.7c-2.2 2.2-3.4 5.2-3.4 8.3-0.1 3 1.1 5.9 3.3 8.1z m123.2-23.2l-41.1 41.1c-2.2 2.2-3.5 5.1-3.5 8.2 0 3.1 1.2 6.1 3.4 8.2l6.7 6.7c2.2 2.2 5.2 3.4 8.3 3.4 3.1 0 6.1-1.2 8.2-3.4l41.1-41.1c4.7-4.7 4.6-11.9 0-16.5l-6.7-6.7c-2.2-2.2-5.2-3.4-8.2-3.4-3.1 0.1-6.1 1.3-8.2 3.5z m0 0" fill="#f5efef" p-id="1161" data-spm-anchor-id="a313x.7781069.0.i6" class=""></path></svg>
                    工作经历</h2>
                <hr/>
                <ul>
                    <li>
                        <h3>
                            <span>[经历1]XX公司－前端开发工程师（实习）</span>
                            <time>2016.X 至 2017.X</time>
                        </h3>
                        <ul class="info-content">
                            <li>深度参与XX项目迭代XX的前端开发工作，独立承担并完成XX、XX、XXXX等功能点的开发，主要维护并修复XX、XX、XX等功能点bug若干。项目采用技术栈
                                <mark>React+React Router+Node.js+SASS</mark>，实现
                                <mark>前后端完全分离</mark>。</li>
                            <li>配合UI和后端，根据产品需求提供H5页面嵌入到后台模板，要求
                                <mark>移动端显示正常</mark>。</li>
                            <li>主要参与XXXXXXX的静态页面开发工作，要求
                                <mark>在支付宝环境下完全兼容</mark>。</li>
                        </ul>
                    </li>
                    <br>
                    <li>
                        <h3>
                            <span>[经历2]XX－前端开发工程师（实习）</span>
                            <time>20XX.10-20XX.7</time>
                        </h3>
                        <ul class="info-content">
                            <li>深度参与公司主线产品「XXXX」的前端开发工作，完成帖子快捷回复、
                                <mark>全站图片懒加载</mark>、活动banner、帖子管理（使用Yii框架）等功能。项目采用技术栈phpWind+NAMP。
                                <a href="http://itsay.tech/162/" target="_blank">
                                    <i class="fa fa-link" aria-hidden="true"></i>博客文章</a>。</li>
                            <li>主要参与公司产品「XXXX」的前端开发工作，实现接入微博、微信、QQ等
                                <mark>第三方账号登录</mark>等功能。项目采用技术栈WordPress+NAMP。</li>
                            <li>活动页面的开发（七夕活动、抽奖活动以及承接外包页面）。</li>
                            <li>论坛
                                <mark>图片增量备份</mark>（CentOS+vsftpd+crontab）
                                <a href="#" target="_blank">
                                    <i class="fa fa-link" aria-hidden="true"></i>博客文章</a>。</li>
                        </ul>
                    </li>
                </ul>
            </section>            
        </main>

        <main class="project info-unit">
            <!-- 项目经验 -->
            <section class="work info-unit Site-content">
                <h2>
                    <svg t="1637477026198" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1451" width="32" height="32"><path d="M769.6 412.9c-10.1-4.7-35.4 24.3-41.4 17.7-27.8-30.9-71.3-99.3-118-112.2l-64.4-118.1 16-70.7 34.4-22.4H928L769.6 412.9zM523.1 325c-47-13.6-200.1 15.1-254.3 74.7L97.2 129.5l34.4-22.4h313.1L543.4 298c-10.4-1.1-17.2 27.9-20.3 27z m3.1 26.2c153.2 0 277.4 124.2 277.4 277.4S686.9 911.7 513.3 917.7c-153.1 5.3-284.4-136-284.4-289.1-0.1-153.2 111.1-277.4 297.3-277.4z m-151.7 488L513 766.3l138.5 72.8L625 684.9l112.1-109.2-154.8-22.5L513 412.8l-69.2 140.4-154.9 22.5L401 684.9l-26.5 154.3z m48.6-67" fill="#feada6" p-id="1452" data-spm-anchor-id="a313x.7781069.0.i13" class="selected"></path><path d="M728.2 430.5c-40.6-45.5-93.5-78.3-152.3-94.5l-64.4-118.1 50.3-88.4h324.8l-158.4 301zM491.9 324.7c-89.2-0.1-174.2 37.5-234.2 103.5L97.2 129.5H422l101.1 196.7c-10.4-1-20.8-1.5-31.2-1.5z m0 39.5c153.2 0 277.4 124.2 277.4 277.4S645.1 919 491.9 919 214.5 794.8 214.5 641.6c0-153.3 124.2-277.4 277.4-277.4zM388.7 789.8l103.2-54.2 103.2 54.2-19.7-114.9 83.5-81.4-115.4-16.8-51.6-104.6-51.6 104.6-115.4 16.8 83.5 81.4-19.7 114.9z m0 0" fill="#f5efef" p-id="1453" data-spm-anchor-id="a313x.7781069.0.i12" class=""></path></svg>
                    个人项目</h2>
                <hr/>
                <ul>
                    <li>
                        <h3>
                            <span>[项目1]医学科学数据管理与共享平台</span>
                            <span class="link">
                                <a href="#" target="_blank">Demo</a>
                            </span>
                            <time>201X.X-201X.X</time>
                        </h3>
                        <ul class="info-content">
                            <li>技术栈：ThinkPHP+MongoDB+Axure</li>
                            <li>
                                <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
                                [目标]实现多类型多来源医学科学数据的提交、管理和共享
                                <br/>
                                <i class="fa fa-users" aria-hidden="true"></i>
                                [团队]同 2 位同专业同学一起
                                <br/>
                                <i class="fa fa-bars" aria-hidden="true"></i>
                                [贡献]完成从
                                <mark>“调研-设计-实现-文档”</mark>等工作，主要负责系统原型、功能框架及数据提交流程、元数据及源数据的管理与共享方案的设计以及系统开发等工作
                                <br/>
                                <i class="fa fa-thumbs-o-up" aria-hidden="true"></i>
                                [效果]作品最终取得第三届共享杯国家级竞赛“一等奖” （2/2000）</li>
                        </ul>
                    </li>
                    <br>
                    <li>
                        <h3>
                            <span>[项目2]肿瘤流行病数据可视化</span>
                            <span class="link">
                                <a href="#" target="_blank">Demo</a>
                            </span>
                            <time>201X.X-201X.X</time>
                        </h3>
                        <ul class="info-content">
                            <li>技术栈：HTML 5+D3.js+ECharts+MySQL</li>
                            <li>
                                <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
                                [目标]实现常见肿瘤流行病数据多维度可视化展示、数据透视及分析
                                <br/>
                                <i class="fa fa-users" aria-hidden="true"></i>
                                [团队]与 1 位同学
                                <br/>
                                <i class="fa fa-bars" aria-hidden="true"></i>
                                [贡献]分析项目需求，清洗并整理相关数据(扩展第三方知识组织系统和 Google trends 数据)，并用
                                <mark>D3.js</mark> 和
                                <mark>ECharts</mark> 进行图形化展示以及实现简易自动分析 功能
                                <br/>
                                <i class="fa fa-thumbs-o-up" aria-hidden="true"></i>
                                [效果]作品取得第二届共享杯国家级竞赛“特等奖”(1/1500)
                            </li>
                        </ul>
                    </li>
                    <br>
                    <li>
                        <h3>
                            <span>[项目3]肿瘤流行病数据可视化</span>
                            <span class="link">
                                <a href="#" target="_blank">Demo</a>
                            </span>
                            <time>201X.X-201X.X</time>
                        </h3>
                        <ul class="info-content">
                            <li>技术栈：HTML 5+D3.js+ECharts+MySQL</li>
                            <li>
                                <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
                                [目标]实现常见肿瘤流行病数据多维度可视化展示、数据透视及分析
                                <br/>
                                <i class="fa fa-users" aria-hidden="true"></i>
                                [团队]与 1 位同学
                                <br/>
                                <i class="fa fa-bars" aria-hidden="true"></i>
                                [贡献]分析项目需求，清洗并整理相关数据(扩展第三方知识组织系统和 Google trends 数据)，并用
                                <mark>D3.js</mark> 和
                                <mark>ECharts</mark> 进行图形化展示以及实现简易自动分析功能
                                <br/>
                                <i class="fa fa-thumbs-o-up" aria-hidden="true"></i>
                                [效果]作品取得第二届共享杯国家级竞赛“特等奖”(1/1500)
                            </li>
                        </ul>
                    </li>
                    <br>
                    <li>
                        <h3>
                            <span>[项目4]肿瘤流行病数据可视化</span>
                            <span class="link">
                                <a href="#" target="_blank">Demo</a>
                            </span>
                            <time>201X.X-201X.X</time>
                        </h3>
                        <ul class="info-content">
                            <li>技术栈：HTML 5+D3.js+ECharts+MySQL</li>
                            <li>
                                <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
                                [目标]实现常见肿瘤流行病数据多维度可视化展示、数据透视及分析
                                <br/>
                                <i class="fa fa-users" aria-hidden="true"></i>
                                [团队]与 1 位
                                <br/>
                                <i class="fa fa-bars" aria-hidden="true"></i>
                                [贡献]分析项目需求，清洗并整理相关数据(扩展第三方知识组织系统和 Google trends 数据)，并用
                                <mark>D3.js</mark> 和
                                <mark>ECharts</mark> 进行图形化展示以及实现简易自动分析 功能
                                <br/>
                                <i class="fa fa-thumbs-o-up" aria-hidden="true"></i>
                                [效果]作品取得第二届共享杯国家级竞赛“特等奖”(1/1500)
                            </li>
                        </ul>
                    </li>

                </ul>
            </section>
        </main>

        <main class="work info-unit Site-content">
            <!-- 自我评价 -->
            <section class="work info-unit">
                <h2>
                    <svg t="1637564610428" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="830" width="32" height="32"><path d="M480.7 438c64.1 21.4 142.8-22 168.6-92.1l60.1-163.2c25.8-70.1-26.9-103.8-93.8-70.6l-19.9 23c-66.8 33.2-138.4 106-159 161.9-20.5 55.7-32.2 101.4 23.7 121.9l20.3 19.1zM430.3 557.1c31.5-63.1-17.8-156.4-87.9-182.2l-163.2-60.1c-70.1-25.8-101.9 32.8-68.7 99.6l21.1 14c33.2 66.8 106 138.4 161.9 159 55.8 20.5 102.3 36.4 122.9-19.5l13.9-10.8zM912.7 622.6L887.1 602c-33.2-66.8-106-138.4-161.8-159-55.8-20.5-115.9-19.5-138.5 35.6-27.9 68 19.6 151.2 89.6 177l163.2 60.1c70.1 25.8 108.4-16.9 75.1-83.8l-2-9.3zM548.7 591.6C489.4 566 399.6 608 373.8 678l-60.1 163.2c-25.8 70.1 26.2 104.4 93 71.2l20.6-23.5c66.8-33.2 138.4-106 159-161.9 20.5-55.8 28.1-104-27.8-124.5l-9.8-10.9z" fill="#feada6" p-id="831" data-spm-anchor-id="a313x.7781069.0.i1" class="selected"></path><path d="M474.2 435.9c55.8 20.5 122.6-19.9 148.4-90l60.1-163.2c25.8-70.1-7.8-100.2-74.6-67l-39 19.5c-66.8 33.2-138.4 106-159 161.9-20.6 55.7 8.2 118.3 64.1 138.8zM432.4 551.8c20.5-55.8-19.9-122.6-90-148.4l-163.2-60.1c-70.1-25.8-100.2 7.8-67 74.6l19.4 39c33.2 66.8 106 138.4 161.9 159 55.8 20.6 118.4-8.2 138.9-64.1zM907.4 611L888 572c-33.2-66.8-106-138.4-161.8-159-55.8-20.5-118.3 8.3-138.9 64.1-20.5 55.8 19.9 122.6 90 148.4l163.2 60.1c70.1 25.8 100.2-7.8 66.9-74.6zM544.9 590.1c-55.8-20.5-122.6 19.9-148.4 90l-60.1 163.2c-25.8 70.1 7.8 100.2 74.6 67l39-19.4c66.8-33.2 138.4-106 159-161.9 20.6-55.8-8.2-118.3-64.1-138.9z" fill="#f5efef" p-id="832" data-spm-anchor-id="a313x.7781069.0.i0" class=""></path></svg>
                    自我评价/期望</h2>
                <hr/>
                <p>[此处如果有一些能够量化的、且比较个性的指标会有加分，比如喜爱跑步坚持夜跑200小时或者200km等]
                    <span class="mark-txt">“多静多思考，反省不张扬”</span>是我给自己总结的“十字箴言”，鞭策自己做人既不能以己度人，也不以人观己，要脚踏实地做事，坚持自己的梦想和本心。</p>
            </section>
        </main>
    </article>



    <footer class="footer">
        <p>© 2017 张大侠.文档最后更新时间为
            <time>2018年06月20日</time>.</p>
    </footer>

    <!-- 侧栏 -->
    <aside>
        <ul>
            <li>
                <a href="https://gitee.com/itsay/resume" target="_blank">源代码</a>
            </li>
            <li>
                <a href="http://if2er.com/" target="_blank">Blog</a>
            </li>
        </ul>
    </aside>

    <script src="./assets/js/index.js"></script>
</body>

</html>